<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="mycss/zhuCeCss.css" />
		<style type="text/css">

		</style>
		<script>
			function inputborder(t) {
				t.style.boxShadow = ""
				t.style.borderColor = "#F46E6E";
				t.style.borderWidth = "2px";
			}

			function leftinputborder(h) {
				h.style.borderColor = "#D8D8D8";
				h.style.borderWidth = "1px";
				if(h.id == "k_contentright_password") {
					yzmima();
				}
			}

			function yzyhm() {
				var zzname = /^[a-z0-9_-]{3,16}$/;
				var name = document.getElementById("k_contentright_email");
				if(zzname.test(name.value)) {
					document.getElementById("k_yanzhengemail").style.display = "none";
				} else {
					document.getElementById("k_yanzhengemail").style.display = "block";
				}
			}

			function yzmima() {
				var zzmima = /^[a-z0-9_-]{6,18}$/;
				var name = document.getElementById("k_contentright_password");
				if(zzmima.test(name.value)) {
					document.getElementById("k_yanzhengmima").style.display = "none";
				} else {
					document.getElementById("k_yanzhengmima").style.display = "block";
				}
			}

			function denglu() {
				var name = document.getElementById("k_contentright_email");
				var mima = document.getElementById("k_contentright_password");
				var zzname = /^[a-z0-9_-]{3,16}$/;
				var zzmima = /^[a-z0-9_-]{6,18}$/;
				var mimahtml = document.getElementById("k_yanzhengmima");

				if(name.value.length == 0) {
					mimahtml.innerHTML = "密码不能为空";
					mimahtml.style.display = "block";
				} else {

					mimahtml.innerHTML = "密码长度需介于 6 和 20 之间";
					mimahtml.style.display = "block";
				}

			}
		</script>
	</head>

	<body>
		<!--总的div-->
		<div id="k_zong">
			<!--左上角关闭-->
			<div id="k_cuowu">
				<i class="iconfont iconfont-close"></i>
			</div>
			<div id="k_content">
				<div id="k_contentleft">

					<nobr>
						<span id="k_sapn_zhuce">无需注册</span>
					</nobr>
					<nobr>
						<span id="k_span_denglu">直接使用社交账号登录</span>

					</nobr>
					<a>
						<li id="k_disanfang1" title="新浪微博">
							<a>微博</a>
						</li>

					</a>
					<a>
						<li id="k_disanfang2" title="QQ登陆">
							<a>QQ</a>
						</li>

					</a>
					<a>
						<li id="k_disanfang3" title="支付宝快捷登陆">
							<a>支付宝</a>
						</li>

					</a>

				</div>
				<form id="k_contentright">
					<li>
						<span>
							用户注册
						</span>
					</li>
					<li>
						<input type="text" id="k_contentright_email" placeholder="邮箱/用户名" onfocus="inputborder(this)" class="k_gongyong" onblur="leftinputborder(this)" onclick="click(this)" />
						<label id="k_yanzhengemail">邮箱/用户名不能为空</label>
					</li>
					<li>
						<input type="text" id="k_contentright_password" class="k_gongyong" placeholder="密码" onfocus="inputborder(this)" onblur="leftinputborder(this)" />
						<label id="k_yanzhengmima">密码长度需介于 6 和 20 之间</label>
					</li>
					<li>
						<label id="xcdl">《卡当注册协议》</label>
					</li>
					<li><input type="submit" value="同意协议并注册" id="k_denglu" onclick="denglu()" /></li>
					<li id="k_zhanghao">还没账号？
						<a>登录</a>
					</li>
				</form>
			</div>
		</div>
	</body>

</html>